<template>
  <div>
      <sg-nav></sg-nav>
      <div class="container">
          <el-row  :gutter="30">
              <el-col :sm="24" :md="16" style="transition:all .5s ease-out;margin-bottom:30px;">
                <sg-articlelist></sg-articlelist>
              </el-col>
              <el-col :sm="24"  :md="8" >
                  <sg-rightlist></sg-rightlist>
              </el-col>
          </el-row>
      </div>
  </div>
</template>

<script>
import header from '../components/header.vue'
import rightlist from '../components/rightlist.vue'
import hotArticlelist from '../components/hotArticlelist.vue'
  export default {
      name: 'HotArticle',
      data() { //选项 / 数据
          return {

          }
      },
      methods: { //事件处理器

      },
      components: { //定义组件
          'sg-nav':header,
          'sg-articlelist':hotArticlelist,
          'sg-rightlist':rightlist,
      },
      created() { //生命周期函数

      }
  }
</script>

<style>

</style>
